@charset "utf-8";
*{
    padding: 0;
    margin: 0;
}
html{
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust: none;
}
body{
     line-height: 1;
     font-size: 14px;
     color: #666;
    font-family: "微软雅黑";

    /*min-width: 1263px;*/

 }
table{
    border-collapse:collapse;
    border-spacing:0;
}
img{
    vertical-align: top;
    border: none;
    /*取消选中*/
    /*ie10+*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*取消hover、click、ie11+*/
    /*可取消手机长按保存*/
    /*pointer-events: none;*/
    /*触摸并按住触摸目标时候，禁止或显示系统默认菜单*/
    /*iOS 2.0及更高版本的Safari浏览器可用*/
    /*-webkit-touch-callout:none;*/
}
dl,ol,ul{
    list-style-type:none;
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-size: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}
a:hover{
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    /*text-decoration: underline;*/
}
textarea{
    resize:none;
}
input,textarea,button,select{
    outline: none;
}
i,em{
    font-style: normal;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
.center_s{
    width: auto;
    max-width: 1280px;
    min-width: 1263px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_m{
    width: 1200px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_l{
    width: 84.63%;
    min-width: 1263px;
    margin: auto;
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_xl{
    width: 96.875%;
    min-width: 1263px;
    margin: auto;
    position: absolute;
    top: 46%;
    left: 0;
    right: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.last{
    margin-right: 0!important;
}
.pic_ani img{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pic_ani{
    overflow: hidden;
}
.pic_ani:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*分页*/
.pagination{
    text-align: center;
    line-height: 38px;
    height: 40px;
    padding-top: 40px;
}
.pagination>div{
    display: inline-block;
}
.pagination .theme{
    border: 1px solid #d9d9d9;
}
.pagination ul li a{
    display: block;
}
.pagination ul li{
    width: 38px;
    border: 1px solid #ffffff;
}
.pagination ul li.on,
.pagination ul li.theme:hover{
    border-color: #0e6eb8;
    background: #0e6eb8;
    color: #ffffff;
}
.pagination p{
    color: #999;
    margin: 0 10px;
}
.pagination .btn{
    color: #333;
    cursor: pointer;
}
.pagination input.theme{
    line-height: 38px;
    width: 38px;
    text-align: center;
}
.pagination .btn_prev{
    margin-right: 10px;
}
.pagination .btn_prev,
.pagination .btn_next{
    width: 128px;
}
.pagination .btn_sure{
    width: 78px;
}
/*面包屑*/
.bread_crumb{
    margin-top: 19px;
    margin-bottom: 40px;
}
.bread_crumb li{
    color: #666666;
}
.bread_crumb li:after{
    content: '>';
    margin: 0 3px;
}
.bread_crumb li.last{
    color: #1356a4;
}
.bread_crumb li.last:after{
    content: '';
}
.bread_crumb li:last-child{
    color: #1356a4;
}
.bread_crumb li:last-child:after{
    content: '';
}
.bread_crumb li a:hover{
    text-decoration: underline;
}
/*sideNav*/
.side_nav{
    width: 258px;
}
.side_nav .hd{
    background: url("../images/bg7.jpg");
    /*width: 238px;*/
    height: 74px;
    color: #ffffff;
    padding: 25px 20px 0;
}
.side_nav .hd h1{
    font-family: 宋体;
    font-size: 30px;
    margin-bottom: 8px;
}
.side_nav .hd h2{
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
}
.side_nav .level1>li{
    line-height: 57px;
    border-bottom: 1px dotted #cccccc;
    color: #333333;
    font-size: 16px;
    padding-left: 15px; background:url(../images/dd.png) center left no-repeat;
}
.side_nav .level1>li a{
    display: block;
    width: 100%;
}

.side_nav .level1>li.on,
.side_nav .level1>li:hover{
    color: #1356a4;background:url(../images/ddd.png) left 25px no-repeat;
}

.side_nav .level1>li>a:hover{
    text-decoration: none;
}
.side_nav .level2{
    display: none;
    color: #666;
    font-size: 14px;
    line-height: 36px;
    padding-left: 17px;
    padding-bottom: 14px;
}
.side_nav .level2 .on,
.side_nav .level2 li:hover{
    color: #1356a4;
    text-decoration: underline;
}
.side_nav .level2.on{
    display: block;
}
.main {
    padding-bottom: 100px;
}
.main .content{
    width: 942px;
}
.main .content img{
    max-width: 942px;
}
/*切换*/
.tab{
}
/**/
.main{
    padding-top: 84px;
}
/**/
.ban{
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
}
/*********************header***********************/
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999;
    -webkit-box-shadow: 0 0 10px 0 #999;
    -moz-box-shadow: 0 0 10px 0 #999;
    box-shadow: 0 0 10px 0 #999;
}
.header .header_con_1{
    background: #373d4b;
    color: #ffffff;
    line-height: 48px;
    height: 48px;
    font-size: 16px;
}
.header .header_con_1 .iconfont{
    height: 48px;
    overflow: hidden;
}
.header .header_con_1 .iconfont:before{
    margin-left: 45px;
    margin-right: 2px;
    font-size: 20px;
    vertical-align: bottom;
    line-height: 52px;
}
.header .header_con_1 .wechat{
    position: relative;
}
.header .header_con_1 .code{
    position: absolute;
    top: 48px;
    right: 0;
    display: none;
    z-index: 999;
}
.header .header_con_1 .wechat:hover .code{
    display: block;
}
.header .header_con_2{
    height: 84px;
    background: #eee;
    position: relative;
}
.header .header_con_2>div{
    overflow: hidden;
}
.header .header_con_2 .center_m{
    position: relative;
}
.header .header_con_2 .logo{
    line-height: 84px;
}
.header .header_con_2 .logo img{
    vertical-align: middle;
}
.header .header_con_2 .nav li{
    float: left;
    line-height: 77px;
    padding: 5px 0;
    font-size: 20px;
    color: #000;
    margin-right: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 84px;
}
.header .header_con_2 .nav li.on,
.header .header_con_2 .nav li.onn,
.header .header_con_2 .nav li:hover{
    border-bottom: 5px solid #1356a4;
    color: #1356a4;
}
.header .header_con_2 .search_btn{
    line-height: 84px; background: url(../images/ss.png) center no-repeat; height:84px;
    width: 40px;
    margin-left: 40px;
    text-align: right;
    cursor: pointer;
    font-size: 20px;
}
.header .header_con_2 .search_btn:hover{
    color: #1356a4; background: url(../images/sss.png) center no-repeat;
}
.header .header_con_2 .search_box{
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 26px;
    height: 26px;
    width: 0;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .header_con_2 .search_box .keyword{
    width: 100%;
    line-height: 26px;
    height: 26px;
    border:none;
    vertical-align: top;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .header_con_2 .search_box .hform button{
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 50px;
    height: 100%;
    cursor: pointer;
}
.header .header_con_2 .search_box.show{
    width: 250px;
    padding: 0 5px;
    border-color: #ddd;
}
.header a:hover{
    text-decoration: none;
}
/**/
.header .nav_level2{
    display: none;
    background: url(../images/bg6.png);
    color: #ffffff;
    position: absolute;
    width: 100%;
    top: 84px;
    left: 0;
    text-align: center;
    padding: 24px 0;
    height: 300px;
    font-size: 18px;
}
.header .nav_level2 .item{
    display: none;
}
.header .nav_level2 ul{
    vertical-align: top;
    display: inline-block;
    line-height: 50px;
    text-align: left;
    margin-right: 136px;
    height: 250px;
    width: 300px;
}
.header .nav_level2 ul li{
    line-height: 50px;
}
.zUIpanelScrollBox {
    width: 1px;
    background: #b6b8bb;
    right: 0;
    -webkit-transform: translate(-2px);
    -moz-transform: translate(-2px);
    -ms-transform: translate(-2px);
    -o-transform: translate(-2px);
    transform: translate(-2px);
}
.zUIpanelScrollBox, .zUIpanelScrollBar {
    top: 4px;
    border-radius: 5px;
}
.zUIpanelScrollBar {
    width: 5px;
    background: #0787c7;
    right: 0;
}
.header .nav_level2 ul li{
    min-width: 192px;
    padding-left: 30px;
}
.header .nav_level2 ul li:before{
    content: '>';
    margin-right: 5px;
}
.header .nav_level2 ul li:hover{
    background: #1355a3;
}
.header .nav_level2 .pic{
    margin-top: 22px;
    line-height: 50px;
    text-align: left;
    display: inline-block;
}
/*********************footer***********************/
.footer{
    background: #373d4b;
    padding-top: 80px;
    color: #838792;
}
.footer .footer_con_1{
    padding-bottom: 50px;
    border-bottom: 1px solid #4b5367;
}
.footer .footer_con_1 .level1>li{
    margin-right: 95px;
}
.footer .footer_con_1 .level1 p{
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
}
.footer .footer_con_1 .level1 .lx p{
    font-size: 14px;
    color: #838792;
    margin-bottom: 20px;
}
.footer .footer_con_1 .level2{
    line-height: 30px;
}
.footer .footer_con_1 .level2 li:hover {
    text-decoration: underline;
}
.footer .footer_con_1 .code{
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}
.footer .footer_con_1 .code p{
    margin-top: 14px;
}
.footer .footer_con_2{
    line-height: 24px;
    padding-top: 34px;
    padding-bottom: 40px;
}
.footer .footer_con_2 .fl p:first-child{
    /*color: #ffffff;*/
}
.footer .footer_con_2 .fr{
    text-align: center; width:100%
}
/*********************首页***********************/

.index{
   padding-top: 132px;
}
.banner {

    position: relative;
}
.banner .slick-slider{
    height:500px;
}
.banner .item{
    height:500px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:cover;
    background-size:cover;
}
.banner .item>a{
    display: block;
    height: 100%;
}
.banner .icon-xia{

}
.banner .icon-xia:hover{
    color:#c90d00;
}
.banner .slick-slider {
     margin-bottom: 0;
}
.banner .slick-prev{
    left: 0;
    width: auto;
    height: auto;
    z-index: 999;
}
.banner .slick-prev:hover:before,
.banner .slick-next:hover:before{
    color: #76b622;
}
.banner .slick-prev:before {

    font-size: 50px;
}
.banner .slick-next{
    right: 0;
    width: auto;
    height: auto;
    z-index: 999;
}
.banner .slick-next:before {

    font-size: 50px;
}
.banner .con{
    position: absolute;
    bottom: 78px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1280px;
    text-align: center;
}
.banner .con ul{
    display: inline-block;
}
.banner .con li{
    width: 384px;
    height: 163px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.banner .con li .pic_ani{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.banner .con li .text{
    position: relative;
    z-index: 1;
    color: #ffffff;
    padding-left: 28px;
    padding-right: 190px;
    padding-top: 52px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 55px;
    overflow: hidden;
}
.banner .con li .text h1{
    font-size: 24px;
    font-family: 宋体;
    line-height: 37px;
    display: inline-block;
}
.banner .con li .text h2{
    font-size: 12px;
    font-family: Arial;
    line-height: 18px;
}
.banner .con li .text p{
    line-height: 24px;
    max-height: 48px;
    margin-top: 14px;
    margin-bottom: 9px; 
}
.banner .con li .text a{
    line-height: 24px;
}
.banner .con li:hover .text,
.banner .con li .text:hover{
    padding-top: 14px;
    height: auto;
}
.banner .con li:hover .text h1{
    border-bottom: 2px solid #ffffff;
}
.banner .con li:hover .text h2{
    display: none;
}
.banner .con li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


/* flexslider */
.flexslider{position:relative;height:415px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:415px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:90px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color: #fff;border:1px solid #Fff;cursor:pointer;overflow:hidden;}
		.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
/**/
.index .content{


    position: relative;
}

/*行业应用*/
.hyyyx { width:1200px; margin:15px auto; overflow:hidden}
.hyyyx ul li { width:216px; float:left; margin-right:30px; border:#ccc 1px solid;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }
.hyyyx ul li a img { width:100%}
.hyyyx ul li a { width:100%; height:100%; display:block; position:relative;}
.hyyyx ul li a .tit { width:100%; height:32px; line-height:32px; background-color:rgba(14,110,184,0.7); left:0; bottom:0; position:absolute; font-size:14px; color:#fff; text-align:center; display:block}
/*第二部分*/
.debf { width:1200px; margin:0 auto; overflow:hidden;}
.cpzssy { width:660px; float:left}
.titcp { font-size:25px; line-height:35px; border-left:#76b622 3px solid; padding-left:8px; color:#333; text-align:left;height:35px;}
.titcp span { font-size:14px; line-height:25px; color:#666; padding-left:10px; text-transform:uppercase}

.newsp02 {position:relative; margin-top:35px;width:660px;}
.newsp02 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-0; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-0; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .bd {width:660px; margin:0 auto; overflow:hidden}
.newsp02 .bd ul li{display:inline-block; width:320px; float:left; margin-right:20px; position:relative; height:100%}
.newsp02 .bd ul li img {width:100%; /*height:auto;*/height:241px;}
.newsp02 .bd ul li h4{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; width:100%; height:35px; line-height:35px; left:0; bottom:0; background-color:rgba(14,110,184,0.7); }
.newsp02 .bd ul li h4 a{ color:#fff;}
.newsp02 .bd ul li span { display:block; font-size:14px; color:#777; padding-bottom:18px; border-bottom:1px solid #e2e2e2; margin-bottom:20px;}
.newsp02 .bd ul li p{ font-size:14px; line-height:22px; color:#666; overflow:hidden; text-align:justify; padding:8px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.xx41 li{ display:inline-block;}
.xwsy { width:490px; float:right;}
.xwsy .part_right{
    width: 490px; margin-top:35px; text-align:left;
}
.xwsy .part_right li.last{
    margin-bottom: 0;
}
.xwsy .part_right li {
    border-bottom: 1px solid #e5e5e5;
   
    margin-bottom: 23px;
}
.xwsy .part_right li .text{
    width:400px;
    line-height: 24px;
}
.xwsy .part_right li .text h1{
    font-size: 18px;
    color: #333;
    font-family: 宋体;
    margin-bottom: 11px;
}
.xwsy .part_right li .text p{
    color: #666666;
    height: 48px;
}
.date{
    border: 1px solid #dddddd;
    width: 68px;
    height: 68px;
    text-align: center;
    color: #666;
    font-family: 宋体;
    line-height: 18px;
}
.date .day{
    font-size: 40px;
    line-height: 40px;
    padding-top: 5px;
    height: 40px;
}
.xwsy .part_right li:hover h1{
    color: #0e6eb8;
}
.xwsy .part_right li:hover .date{
    background: #0e6eb8;
    color: #ffffff;
}




#arrow_up {
    position: absolute;
    right: 60px;
    top: 40px;
    font-weight:bold;
    background: #1355a3;
    color: #ffffff;
    z-index: 99999;
    font-size: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
#arrow_up:hover {
    background: #c90d00;
}
.index .content .index_main .area{
    padding-top: 15px;
    padding-bottom: 20px;
}
.index .title {
    text-align: center;
}
.index .title h1{
    font-size: 30px;
    color: #000;
    font-family: "微软雅黑";
    line-height:40px;
}
.index .title h2{
    font-size: 14px;
    color: #666666;
    line-height: 20px; text-transform:uppercase
}
.index .title p{
    line-height: 24px; width:800px; margin:13px auto 15px;
 
}
.index .title p span{
    color: #76b622;
}
/*area1*/
.index .area1{
    background: url("../images/bg4.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    position: relative;
}
.index .area1 .slick-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.index .area1 .con{
    margin-top: 30px;
}
.index .area1 .item .wrap{
    margin: 0 15px;
    border-bottom: 2px solid #bdbdbd;
    -webkit-box-shadow: 0 0 10px #e0e0e0;
    -moz-box-shadow: 0 0 10px #e0e0e0;
    box-shadow: 0 0 10px #e0e0e0;
}
.index .area1 .item .text{
    position: relative;
    background: #ffffff;
    padding: 26px 25px 74px;
}
.index .area1 .item:hover .wrap{
    border-bottom-color: #76b622;
}
.index .area1 .item .text h1{
    line-height: 30px;
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 15px;
}
.index .area1 .item:hover .text h1{
    color: #0e6eb8;
}
.index .area1 .item .text p{
    color: #666666;
    line-height: 24px;
    height: 72px;
}
.index .area1 .item .text a{
    color: #888888;
    position: absolute;
    bottom: 34px;
    left: 25px;
    line-height: 20px;
}
.index .area1 .item .text a:hover{
    text-decoration: underline;
}
.index .area1 .pic img{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index .area1 .pic{
    overflow: hidden;
}
.index .area1 .item:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*左右箭头*/
.index .content .slick-next{
    right: 0;
}
.index .content .slick-prev{
    left: 0;
}
.index .content .slick-next:before,
.index .content .slick-prev:before{
    font-size: 30px;
    opacity: 1;
    line-height: 50px;
}
.index .content .slick-next:before{ 
}
.index .content .slick-prev:before{
   
}
.index .content button{
    background: #a1a2a3;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.index .content button:hover{
    background: #0e6eb8;
}
/*area2*/
.index .area2{
    background: url("../images/bg5.jpg") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    text-align: center;
    position: relative;
}
.index .area2 .item{
    padding-top: 20px;
}
.index .area2 .item .pic{
    width: 190px;
    height: 190px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.index .area2 .item:hover img{
    /*transform: scale(1.3);*/
}
.index .area2 .item p{
    text-align: center;
    font-size: 24px;
    color: #000;
    line-height: 36px;
    margin-top: 13px;
    display: inline-block;
    border-bottom: 2px solid #666666;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    z-index: 9;
}
.index .area2 .item:hover .pic{
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.index .area2 .item:hover p{
    background: rgba(255,255,255,0.5);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    color: #0e6eb8;
    font-size: 28px;
    border-bottom-color: #76b622;
}

/*area3*/
.index .area3{
    background: #ffffff;
}
.index .area3 .tab{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}
.index .area3 .tab .item{
    display: inline-block;
    width: 133px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #333333;
    font-size: 18px;
    background: #f0f0f0;
    margin: 0 5px;
    cursor: pointer;
}
.index .area3 .tab .item:hover,
.index .area3 .tab .item.on{
    background: #0e6eb8;
    color: #ffffff;
}
.index .area3 .tab_con .item{
    display: none;
}
.index .area3 .tab_con .item .part_left{
    width: 492px;
}
.index .area3 .tab_con .item .part_left .pic_ani{
    height: 268px;
}
.index .area3 .tab_con .item .part_left .text {
    background: #1355a3;
    color: #ffffff;
    line-height: 18px;
    padding: 24px 28px 28px;
}
.index .area3 .tab_con .item .part_left .text h1{
    font-family: 宋体;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}
.index .area3 .tab_con .item .part_left .text .time{
    font-family: 宋体;
}
.index .area3 .tab_con .item .part_right{
    width: 714px;
}
.index .area3 .tab_con .item .part_right li.last{
    margin-bottom: 0;
}
.index .area3 .tab_con .item .part_right li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 23px;
    margin-bottom: 23px;
}
.index .area3 .tab_con .item .part_right li .text{
    width: 536px;
    line-height: 24px;
}
.index .area3 .tab_con .item .part_right li .text h1{
    font-size: 18px;
    color: #333;
    font-family: 宋体;
    margin-bottom: 11px;
}
.index .area3 .tab_con .item .part_right li .text p{
    color: #666666;
    height: 48px;
}
.date{
    border: 1px solid #dddddd;
    width: 68px;
    height: 68px;
    text-align: center;
    color: #666;
    font-family: 宋体;
    line-height: 18px;
}
.date .day{
    font-size: 40px;
    line-height: 40px;
    padding-top: 5px;
    height: 40px;
}
.index .area3 .tab_con .item .part_right li:hover h1{
    color: #76b622;
}
.index .area3 .tab_con .item .part_right li:hover .date{
    background: #76b622;
    color: #ffffff;
}

.i_box li,.i_box li h2{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.i_box{ background: #fff; width:1200px; margin:20px auto 0 }
.i_box li{ border-top: 1px solid #fff; box-sizing: border-box; border-right: 1px solid #ebebeb; float: left; width: 25%; text-align: center; }
.i_box li a{ display: block; padding: 40px 0 50px; }
.i_box li:first-child{ border-left: 1px solid #ebebeb; }
.i_box li:hover{ border-top: 1px solid #ebebeb; box-shadow: 0 0 30px #f0f0f0 inset; }
.i_box li .img{ height: 70px; line-height: 70px; font-size: 0; }
.i_box li .img img{ max-height: 100%; }
.i_box li h2{ font-size: 18px; margin: 8px auto 4px; } 
.i_box li p{ color: #666; }
.i_box li span{ margin-top: 8px; line-height: 20px; font-size: 12px; color: #999; text-transform: uppercase; }
.i_box li:hover h2{ color: #0e6eb8; }
/*********************产品中心***********************/
.product{
}
.list_1 ul{
    overflow: hidden;
}
.list_1 li:nth-child(3n+0){
    margin-right: 0;
}
.list_1 li a{
    display: block;
}
.list_1 li{
    border: 1px solid #e3e3e3;
    position: relative;
    width: 295px;
    height: 218px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.list_1 li p{
    position: absolute;
    bottom: 0px; height:35px; line-height:35px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 16px;background:url(../images/bg6.png); color:#fff
}
/*********************产品中心-详情***********************/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.cpxq { margin-top:10px;}
.cpxql { width:400px; float:left;}
.cpxqr { width:500px; float:right}
.cpxqr .tit { font-size:30px; line-height:50px; color:#333}
.cpxqr .nr { line-height:30px; font-size:14px; color:#666}

.product_detail .photo_box .text{
    padding-top: 40px;
    width: 410px;
    margin-bottom: 50px;
}
.product_detail .photo_box .text h1{
    font-size: 24px;
    color: #000;
    margin-bottom: 14px;
}
.product_detail .photo_box .text p{
    line-height: 24px;
}
.product_detail .tab_wrap { margin-top:40px;}
.product_detail .tab_wrap .tab{
    background: #1356a4;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    padding: 5px 5px 0;
}
.product_detail .tab_wrap .tab li{
    float: left;
    padding: 0 20px 5px;
    cursor: pointer;
}
.product_detail .tab_wrap .tab li.on,
.product_detail .tab_wrap .tab li:hover{
    background: #ffffff;
    color: #333;
}
.list_2 a{
    display: block;
}
.list_2 li{
    width: 299px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.list_2 li:nth-child(3n+0){
    margin-right: 0;
}
.list_2 li .pic_ani{
    border: 1px solid #e3e3e3;
    height: 222px;
    overflow: hidden;
}
.list_2 li p{
    text-align: center;
    font-size: 16px;
    color: #000;
    font-family: 宋体;
    line-height: 57px;
}
.product_detail .tab_wrap .tab_con{
    padding-top: 40px;
    line-height: 24px;
}
.product_detail .tab_wrap .tab_con .item{
    display: none;
    padding-bottom: 83px;
}
.product_detail .tab_wrap .tab_con .item.last{
    padding-bottom: 0;
}
/*放大镜*/
.photo_box{
    margin-bottom: 50px;
}
.photo_box .s_img{
    width:625px;
}
.photo_box .s_img .prev,.photo_box .s_img .next{
    height:80px;
    width:30px;
    overflow:hidden;
    display:block;
    text-decoration:none;
    cursor:pointer;
}
.photo_box .s_img .prev:hover{
    color: red;
}
.photo_box .s_img .prev{
    float:left;
}
.photo_box .s_img .prev:before{
    content: '\e63e';
    font-family: iconfont;
    line-height: 80px;
    font-size: 24px;
}
.photo_box .s_img .next:hover{
    color: red;
}
.photo_box .s_img .next{
    float:left;
}
.photo_box .s_img .next:before{
    content: '\e621';
    font-family: iconfont;
    line-height: 80px;
    font-size: 24px;
}
.photo_box .list_img{
    float:left;
    overflow:hidden;
    position: relative;
    visibility: visible;
    z-index: 2;
    left: 0;
    width: 240px;
}
.photo_box .list_img ul{
    position: relative;
    z-index: 1;
    width: 540px;
    left: 0;
}
.photo_box .list_img li.on,
.photo_box .list_img li:hover{
    border-color: #000;
}
.photo_box .list_img li{
    height:78px;
    width:105px;
    text-align:center;
    cursor:pointer;
    float: left;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    margin: 0 10px;
}
.photo_box .list_img li img{
    height: 100%;
    width: 100%;
}
.photo_box .b_img {
    width:479px;
    height:358px;
    border:1px solid #e3e3e3;
    display: block;
}
.photo_box .b_img img{
    max-width: 100%;
    max-height: 100%;
}
.photo_box #wrap{
    top: 0;
    z-index: 9999;
    position: relative;
}
.photo_box #wrap .cloud-zoom{
    position: relative;
    display: block;
}
.photo_box #wrap .mousetrap{
    z-index:999;
    position:absolute;
    width:300px;
    height:300px;
    left:0;
    top:0;
}
/*********************服务支***********************/
.service .content h1{
    font-size: 36px;
    font-family: 宋体;
    text-align: center;
    color: #333;
    margin-bottom: 40px;
}
.list_3{
    color: #333;
    line-height: 50px;
}
.list_3 li{
    padding-left: 30px;
}
.list_3 a:before{
    content: '>';
    margin-right: 5px;
    float: left;
}
.list_3 a{
    display: block;
}
.list_3 a:hover{
    text-decoration: underline;
}
/*********************服务支持-售后服务***********************/
.after_sale_con{
    line-height: 24px;
}
.after_sale_con>h2{
    margin-bottom: 24px;
}
.after_sale_con h2{
    color: #000;
}
.after_sale_con ul>li{
    margin-bottom: 24px;
}
.after_sale_con ul h2:before{
    content: '▪';
    margin-right: 5px;
}
.after_sale_con ol{
    list-style-type: decimal;
    list-style-position: inside;
}
.after_sale_con .ul3{
    padding-left: 10px;
}
.after_sale_con p{
    padding-left: 5px;
}
/*新闻neiye*/
.Activsbf1_lb{ width:100%; margin-top:10px;}

.Activsbf1_lb dl{ width:97%; border:1px solid #ebebeb; padding:10px; float:left; margin:0 0 10px; display:inline;}

.Activsbf1_lb dt{ width:20%; float:left; height:150px;overflow:hidden;}

.Activsbf1_lb dt a{ width:580px; height:150px;overflow:hidden;display:table-cell; text-align:center; vertical-align:middle;}

.Activsbf1_lb dt img{ vertical-align:middle; width:100%;}

.Activsbf1_lb dd{ width:75%; float:right; margin-top:15px;}

.Activsbf1_lb dd .newNrtit{ width:100%; line-height:30px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.Activsbf1_lb dd .newNrtit a{font-size:16px; color:#333;}

.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:5px; line-height:32px; color:#707070; font-size:13px; height: 70px; overflow: hidden;}

.Activsbf1_lb dd .Acdltj_time{width:100%; margin:5px 0 0; color:#a9a9a9; font-size:12px}



.Activsbf1_lb dl:hover dt img{-webkit-transition: -webkit-transform 0.3s ease 0s;

	transition: transform 1s ease 0s;

	-webkit-transform-origin: center;

	transform-origin: center;}

.Activsbf1_lb dl:hover dt img{

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}

/*********************服务支持-下载中心***********************/
.download .content{
    background: #f4f4f4;
}
.download .content ul{
    padding: 50px 30px 80px;
}
.download .content ul>li{
    width: 275px;
    margin-right: 23px;
}
.download .content h1{
    font-family: 宋体;
    overflow: hidden;
    font-size: 24px;
    color: #333;
    padding-bottom: 19px;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 20px;
}
.download .content h1 i{
    float: left;
    width: 23px;
    height: 23px;
    background-image: url("../images/icons.png");
    margin-right: 10px;
}
.download .content ol{
    line-height: 30px;
}
.download .content ol li:before{
    float: left;
    content: '>';
    margin-right: 5px;
}
.download .content ol li a.fl:hover{
    text-decoration: underline;
}
/*********************关于我们-成功案例***********************/
.list_4 li{
    height: 174px;
    overflow: hidden;
    margin-bottom: 10px;
}
.list_4 .pic_ani{
    width: 310px;
    height: 174px;
    overflow: hidden;
}
.list_4 li .text{
    height: 149px;
    width: 543px;
    background: #f6f6f6;
    padding-top: 25px;
    padding-left: 35px;
    padding-right: 50px;
}
.list_4 li:hover .text h1,
.list_4 li:hover .text a{
    color: #cc2318;
}
.list_4 li .text h1,.list_4 li .text h1 a{
    font-size: 24px;
    color: #333;
    margin-bottom: 13px;
}
.list_4 li .text p{
    line-height: 24px;
    height: 48px;
    margin-bottom: 23px;
}
.list_4 li .text a{
    color: #888;
}
/*********************关于我们-发展历程***********************/
.develop .content{
    text-align: center;
}
.develop .content .list_wrap{
    overflow: hidden;
    background: url("../images/bg6.jpg") repeat-y center top;
}
.develop .content .list_wrap li{
    padding-bottom: 55px;
    position: relative;
}
.develop .content .list_wrap li:last-child{
    margin-bottom: 0;
}
.develop .content .list_wrap li:before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 11px;
    background: url("../images/dot.png");
}
.develop .content .list_wrap h1{
    font-size: 36px;
    color: #c90d00;
    line-height: 30px;
}
.develop .content .list_wrap p{
    line-height: 20px;
    margin-top: 20px;
}
.develop .content .list_wrap .left_part{
    padding-top: 119px;
    width: 50%;
    text-align: right;
}
.develop .content .list_wrap .left_part li{
    padding-right: 35px;
}
.develop .content .list_wrap .left_part li:before{
    right: -8px;
}
.develop .content .list_wrap .right_part{
    width: 50%;
    text-align: left;
    padding-top: 31px;
}
.develop .content .list_wrap .right_part li{
    padding-left: 35px;
    position: relative;
}
.develop .content .list_wrap .right_part li:before{
    left: -8px;
}
.more{
    cursor: pointer;
    margin: auto;
    width: 180px;
    height: 44px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
    margin-top: 47px;
    text-align: center;
}
.more:before{
    display: none;
    content: '';
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    background: url("../images/../images/ajax-loader.gif");
    -webkit-background-size:cover;
    background-size:cover;
}
.more.on:before{
    display: inline-block;
}
/*********************关于我们-公司简介***********************/
.intro .content h1{
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin-top: 47px;
    margin-bottom: 20px;
}
.intro .content h2{
    line-height: 20px;
    color: #333;
    margin-bottom: 31px;
}
.intro .content li,
.intro .content h3,
.intro .content p{
    line-height: 24px;
    color: #666;
}
.intro .content h3{
    margin-top: 25px;
    color: #333;
}
.intro .content ul>li:before{
    content: '※';
    margin-right: 2px;
}
.intro .content img:first-child{
    margin-top: 0;
}
.intro .content img{
    max-width: 100%;
    
}
/*********************关于我们-企业文化***********************/
.culture .content .half {
    width: 452px;
    line-height: 24px;
    text-align: justify;
}
.culture .content .half .item.last{
    border-bottom: 0;
    padding-bottom: 0;
}
.culture .content .half .item{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 45px;
    padding-top: 44px;
}
.culture .content .half h1{
    color: #1356a4;
    margin-bottom: 23px;
}
.culture .content .half h1:before{
    content: '▪';
    margin-right: 5px;
}
.culture .content .half img{
    margin-top: 44px;
}
.culture .content .half p span{
    overflow: hidden;
    display: block;
}
/*********************关于我们-资质荣誉***********************/
.honor .tab_2{
}
.honor .tab_2 .slick-slide{
    margin-top: 6px;
    border-top: 1px solid #e5e5e5;
    height: 84px;
    
    position: relative;
    text-align: center;
    cursor: pointer;
}
.honor .tab_2 .slick-slide a{
    display:block;
    padding-top: 29px;
    width:100%;
    height:100%;
}
.honor .tab_2 .slick-slide.on{
    color: #1356a4;
    font-size: 18px;
}
.honor .tab_2 .slick-slide:before{
    content: '';
    background: url("../images/dot1.png");
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    margin: auto;
}
.honor .tab_2 .slick-slide.on:before{
    background: url("../images/dot2.png");
    width: 14px;
    height: 14px;
    top: -7px;
}
.honor .tab_con_2 .item{
    display: none;
}
.honor .tab_con_2 .list li{
    width: 300px;
    height: 393px;
    border: 1px solid #e3e3e3;
    margin-right: 16px;
    padding-top: 40px;
    text-align: center;
    margin-bottom: 17px;
    cursor: pointer;
}
.honor .tab_con_2 .list li:nth-child(3n+0){
    margin-right: 0;
}
.honor .tab_con_2 .list li .pic_ani{
    height: 298px;
    line-height: 298px;
    width: 207px;
    margin: auto;
}
.honor .tab_con_2 .list li .pic_ani img{
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.honor .tab_con_2 .list li p{
    color: #333;
    line-height: 24px;
    margin-top: 37px;
}
.mask{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/bg6.png");
    z-index: 999;
}
.mask .con{
    position: absolute;
    background: #ffffff;
    width: 696px;
    height: 549px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mask .close_btn{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 46px;
    height: 46px;
    color: #ffffff;
    background: #1356a4;
    text-align: center;
    line-height: 46px;
    font-size: 30px;
    cursor: pointer;
}
.mask .pic{
    margin: auto;
    margin-top: 46px;
    width: 516px;
    height: 419px;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.mask .pic img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.mask p{
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 37px;
}
/*********************解决方案-综合布线***********************/
.solution .list_5 .pic_ani,
.solution .list_5 .text{
    width: 471px;
    height: 265px;
}
.solution .list_5 .text{
    width: 371px;
    background: #f6f6f6;
    line-height: 24px;
    padding-left: 50px;
    padding-right: 50px;
}
.solution .list_5 .text h1{
    margin-top: 47px;
    font-size: 24px;
    margin-bottom: 23px;
    font-family: 宋体;
    color: #000;
}
.solution .list_5 li:hover .text h1{
    color: #cc2318;
}
.solution .list_5 .text p{
    height: 72px;
    margin-bottom: 39px;
}
/*********************联系我们***********************/
.contact .map{
    height: 468px; margin-top:35px;
    margin-bottom: 3px;
}
.contact .msg {
    padding: 43px;
    background: #f9f9f9;
}
.contact .msg h1,
.contact .msg h2{
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    line-height: 36px;
    margin-bottom: 13px;
}
.contact .msg .wrap{
    border-right: 1px solid #e1e1e1;
    width: 460px;
}
.contact .msg p{
    line-height: 38px;
    margin: 0!important;
}
.contact .msg .iconfont1{ background:url(../images/tb1.png) left center no-repeat; width:23px; height:25px; display:block; float:left; margin-top:7px;
    margin-right: 5px;
}
.contact .msg .iconfont2{ background:url(../images/tb2.png) left center no-repeat; width:23px; height:25px; display:block; float:left; margin-top:7px;
    margin-right: 5px;
}
.contact .msg .iconfont3{ background:url(../images/tb3.png) left center no-repeat; width:23px; height:25px; display:block; float:left; margin-top:7px;
    margin-right: 5px;
}
.contact .msg .iconfont4{ background:url(../images/tb4.png) left center no-repeat; width:23px; height:25px; display:block; float:left; margin-top:7px;
    margin-right: 5px;
}
.contact p.the{
    margin-top: 25px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
}
/*********************联系我们-在线留言***********************/
.center_s .content h1.liuyan{
     font-size: 36px;
    font-family: 宋体;
    text-align: center;
    color: #333;
    margin-top: 30px; 
}
.line_msg .content{
    height: 843px;
    background: url("../images/bg8.jpg");
}
.line_msg .content form{
    padding: 63px 74px;
    padding-top: 20px;
}
.line_msg .content div{
    margin-bottom: 18px;
}
.line_msg .content textarea,
.line_msg .content input {
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
}
.line_msg .content textarea{
    padding: 10px;
    width: 423px;
    height: 107px;
}
.line_msg .content input{
    line-height: 50px;
    width: 292px;
    height: 50px;
}
.line_msg .content label{
    color: red;
    vertical-align: top;
    margin-left: 5px;
}
.line_msg .content .btn_form{
    background: transparent;
    margin-top: 31px;
}
.line_msg .content .btn_form:hover{
    background-color: #c90d00;
    color: #ffffff;
    cursor:pointer;
}
.line_msg .content .code2 input{
    width: 149px;
}
/*********************联系我们-招贤纳士***********************/
.join_hd{
    padding-bottom: 38px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px;
}
.join_hd h1{
    font-size: 36px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 15px;
}
.join_hd p span:after{
    content: '|';
    margin: 0 10px;
}
.list_6{
    line-height: 24px;
}
.list_6 ul>li{
    background: #f5f5f5;
    width: 390px;
    height: 197px;
    padding: 30px;
    margin-bottom: 42px;
    border: 1px solid #f5f5f5;
}
.list_6 h1{
    font-size: 24px;
    color: #000;
    font-family: 宋体;
    margin-bottom: 23px;
}
.list_6 h2{
    margin-bottom: 9px;
    color: #333;
    font-weight: bold;
}
.list_6 ol,.list_6 .ol{
    height: 72px;
    overflow: hidden;
    margin-bottom: 29px;
    list-style-type: decimal;
    list-style-position: inside;
}
.list_6 ul>li:hover{
    border: 1px solid #c90d00;
    background: #ffffff;
}
.list_6 ul>li:hover h1,
.list_6 ul>li:hover a{
    color: #c90d00;
}
/*********************联系我们-招贤纳士-详情***********************/
.join_detail .join_hd .fl{
    color: #000;
    font-weight: bold;
}
.join_detail .join_hd .fr{
    color: #c90d00;
}
.join_detail .join_hd .fl span{
    margin-right: 5px;
}
.join_detail .join_hd .fr span{
    margin-left: 5px;
}
.join_detail .nav_in{
    margin-bottom: 39px;
}
.join_detail .nav_in li{
    width: 95px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
.join_detail .nav_in li.on,
.join_detail .nav_in li:hover{
    background: #c90d00;
    color: #ffffff;
}
.join_detail .join_item{
    margin-bottom: 43px;
    display: none;
}
.join_detail .join_item a{
    margin-left: 10px;
}
.join_detail .join_item a:hover{
    text-decoration: underline;
}
.join_detail .join_item h1{
    margin-bottom: 24px;
    font-size: 24px;
    color: #155aa6;
    border-left: 4px solid #155aa6;
    padding-left: 10px;
}
.join_detail .join_item .text{
    padding-left: 10px;
    line-height: 24px;
}
.join_detail .join_item .text h2{
    color: #333;
    margin-top: 24px;
}
.join_detail .join_item .text h2 span{
    color: #666;
}
.join_detail .join_item .text p{
    margin-bottom: 24px;
}
.join_detail .join_item .text ol{
    list-style-type: decimal;
    list-style-position: inside;
}
/*********************新闻中心-公司资讯***********************/
.news .content .hd .pic_ani{
    width: 50%;
    height: 264px;
    overflow: hidden;
}
.news .content .hd .news_text{
    width: 50%;
    background: #1356a4;
    color: #ffffff;
    height: 264px;
    padding: 27px 60px;
}
.news_text{ 
    overflow: hidden;
    line-height: 24px;
    padding: 45px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.news_text h1{
    font-size: 24px;
    font-family: 宋体;
    line-height: 30px; 
    margin-bottom: 20px;
    height: 60px;
}
.news_text p{
    margin-bottom: 38px;
    height: 72px;
}
.news .content ul.news_list li{
    width: 451px;
    border-bottom: 1px dotted #e5e5e5;
}
.news .content ul.news_list li .date{
    margin-top: 50px;
    margin-right: 30px;
}
.news .content ul.news_list li:hover .date{
    background: #cc2318;
    color: #ffffff;
}
.news .content ul.news_list li:hover .news_text h1,
.news .content ul.news_list li:hover .news_text a{
    color: #cc2318;
}
/*********************新闻中心-公司资讯-详情***********************/
.news_detail .article{
    text-align: center;
}
.news_detail .article .title{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 41px;
}
.news_detail .article .title h1{
    font-family: 宋体;
    font-size: 30px;
    color: #000;
    width: 480px;
    text-align: center;
    margin:  auto;
    margin-bottom: 19px;
}
.news_detail .article .title p span{
    margin-right: 10px;
}
.news_detail .article .main_text{
    text-align: justify;
    line-height: 24px;
}
.news_detail .article .main_text p{
    line-height: 24px;
    text-align: justify;
    margin: 24px 0;
}
.news_detail .article .main_text img{
    margin-top: 50px;
}
.news_detail .news_nav {
    margin-top: 10px;
    position: relative;
    padding-top: 22px;
    border-top: 1px solid #e5e5e5;
}
.news_detail .news_nav a{
    display: block;
    line-height: 30px;
}
.news_detail .news_nav a:hover{
    /*color: #cc2318;*/
}
.news_detail .news_nav .close{
    position: absolute;
    right: 0;
    top: 30px;
    width: 112px;
    height: 41px;
    color: #fff;
    background: #cc2318;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
}
.news_detail .news_nav .close a{
    height: 41px;
    line-height: 41px;
}
@media screen and (max-width: 1600px) {
    .index .content .index_main .area{
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .index .area1 .con{
        margin-top: 30px;
    }
    .index .area3 .tab{
        text-align: center;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .index .title h1 {
        font-size: 42px;
    }
    .index .area1 .item .text h1 {
        line-height: 25px;
        font-size: 23px;
    }
    .header .header_con_2 .nav li {
        font-size: 19px;
    }
}
@media screen and (max-width: 1440px) {
    .index .content .index_main .area{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .index .area1 .con{
        margin-top: 25px;
    }
    .index .area3 .tab{
        margin-top: 25px;
        margin-bottom: 40px;
    }
    .index .title h1 {
        font-size: 40px;
    }
    body{
        font-size: 13px;
    }
    .header .header_con_2 .nav li {
        font-size: 18px;
    }
    .header .nav_level2 {
        font-size: 17px;
    }
}
@media screen and (max-width: 1366px) {
    .index .content .index_main .area{
        padding-top: 26px;
        padding-bottom: 30px;
    }
    .index .area1 .con{
        margin-top: 20px;
    }
    .index .area3 .tab{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .index .title h1 {
        font-size: 38px;
    }
    body{
        font-size: 12px;
    }
    .header .header_con_2 .nav li {
        font-size: 17px;
    }
    .header .nav_level2 {
        font-size: 16px;
    }
}